<template>
    <div>
<el-dialog center width="50%" custom-class="select-sheet-card-div" 
    :visible.sync="LogingRule"
    :close-on-press-escape="false" 
    :close-on-click-modal="false" 
    :show-close="false"
    :destroy-on-close="true">
    <div slot="title" class="div-text-align-right">
        <img src="@/assets/images/button/62.png" @click="closeSheet" width="46" height="46" alt="">
    </div>
    <div class="div-text-align-center">
        <div class="bad-card-info">
            <h1 class="color-red">
                卧底牌
            </h1>
        </div>
        <div class="bad-card-info">
            <h1 class="color-yellow">
                双面间谍
            </h1>
        </div>
        <div slot="footer" class="dialog-footer" style="position: absolute; left: 0; bottom: 13%; width: 100%;">
            <p class="card-info-content" style="margin-top: 20px;">隐藏好自己，炸团行动开始啦～！</p>
        </div>
    </div>
</el-dialog>
    </div>
</template>

<script>
export default {
    name:'uioResponse',
    props:{
        LogingRule:{
            required: true,//是否是必要传值  可不要时为 false
            type: Boolean, //定义类型 类型  ：字符串类型、
            default: false,   //没有传值的话 默认值 一般与 required:false 一起用
        },
    },
    data() {
        return {

        }
    },
    watch:{
        LogingRule: {
            handler(newValue, oldValue) {
                console.log("LogingRule newValue, oldValue :", newValue, oldValue);
            },
            deep: true,
        },
    },
    created() {
        
    },
    methods: {
        closeSheet() {
            this.$emit('closeDialog', 'logingRule', false);
        },
    },
}
</script>


<style scoped>

</style>



